<template>
  <el-tabs type="border-card">
      <el-table
        border
        stripe
        :data="tableData"
        style="width: 100%"
        :highlight-current-row="true"
        :header-cell-style="{ background: '#ededed', color: '#333' }"
      >
        <el-table-column prop="assets" width="350" align="left" label="资产" />
        <el-table-column
          prop="numberRow1"
          width="50"
          align="center"
          label="行次"
        />
        <el-table-column
          prop="balance"
          align="center"
          width="100"
          label="期末余额"
        />
        <el-table-column prop="balance" align="center" label="年初余额" />
        <el-table-column
          prop="equity"
          width="350"
          align="left"
          label="负债和所有者权益"
        />
        <el-table-column
          prop="numberRow"
          width="50"
          align="center"
          label="行次"
        />
        <el-table-column
          prop="balance"
          width="150"
          align="center"
          label="期末余额"
        />
        <el-table-column prop="balance" align="center" label="年初余额" />
      </el-table>
  </el-tabs>
</template>

<script>
  export default {
    name: 'balance',
    data() {
      return {
        tableData: [
          {
            assets: '流动资产：',
            equity: '流动负债：',
          },
          {
            assets: '货币资金',
            equity: '短期借款',
            numberRow1: '1',
            numberRow: '32',
          },
          {
            assets: '以公允价值计量且其变动计入当期损益的金融资产',
            equity: '以公允价值计量且其变动计入当期损益的金融负债',
            numberRow1: '2',
            numberRow: '33',
          },
          {
            assets: '应收票据',
            equity: '应付票据',
            numberRow1: '3',
            numberRow: '34',
          },
          {
            assets: '应收账款',
            equity: '应付账款',
            numberRow1: '4',
            numberRow: '35',
          },
          {
            assets: '预付款项',
            equity: '预收款项',
            numberRow1: '5',
            numberRow: '36',
          },
          {
            assets: '应收利息',
            equity: '应付职工薪酬',
            numberRow1: '6',
            numberRow: '37',
          },
          {
            assets: '应收股利',
            equity: '应交税费',
            numberRow1: '7',
            numberRow: '38',
          },
          {
            assets: '其他应收款',
            equity: '应付利息',
            numberRow1: '8',
            numberRow: '39',
          },
          {
            assets: '存货',
            equity: '应付股利',
            numberRow1: '9',
            numberRow: '40',
          },
          {
            assets: '一年内到期的非流动资产',
            equity: '其他应付款',
            numberRow1: '10',
            numberRow: '41',
          },
          {
            assets: '其他流动资产',
            equity: '一年内到期的非流动负债',
            numberRow1: '11',
            numberRow: '42',
          },
          {
            assets: '流动资产合计',
            equity: '其他流动负债',
            numberRow1: '12',
            numberRow: '43',
          },
          {
            assets: '',
            equity: '流动负债合计',
            numberRow1: '',
            numberRow: '44',
          },
          {
            assets: '非流动资产：',
            equity: '非流动负债：',
          },
          {
            assets: '可供出售金融资产',
            equity: '长期借款',
            numberRow1: '13',
            numberRow: '45',
          },
          {
            assets: '持有至到期投资',
            equity: '应付债券',
            numberRow1: '14',
            numberRow: '46',
          },
          {
            assets: '长期应收款',
            equity: '长期应付款',
            numberRow1: '15',
            numberRow: '47',
          },
          {
            assets: '长期股权投资',
            equity: '专项应付款',
            numberRow1: '16',
            numberRow: '48',
          },
          {
            assets: '投资性房地产',
            equity: '预计负债',
            numberRow1: '17',
            numberRow: '49',
          },
          {
            assets: '固定资产',
            equity: '递延收益',
            numberRow1: '18',
            numberRow: '50',
          },
          {
            assets: '再建工程',
            equity: '递延所得税负债',
            numberRow1: '19',
            numberRow: '51',
          },
          {
            assets: '再建工程',
            equity: '递延所得税负债',
            numberRow1: '19',
            numberRow: '51',
          },
          {
            assets: '再建工程',
            equity: '递延所得税负债',
            numberRow1: '20',
            numberRow: '51',
          },
          {
            assets: '再建工程',
            equity: '递延所得税负债',
            numberRow1: '21',
            numberRow: '52',
          },
          {
            assets: '再建工程',
            equity: '递延所得税负债',
            numberRow1: '22',
            numberRow: '53',
          },
          {
            assets: '再建工程',
            equity: '递延所得税负债',
            numberRow1: '23',
            numberRow: '',
          },
          {
            assets: '再建工程',
            equity: '递延所得税负债',
            numberRow1: '24',
            numberRow: '55',
          },
          {
            assets: '再建工程',
            equity: '递延所得税负债',
            numberRow1: '25',
            numberRow: '56',
          },
          {
            assets: '再建工程',
            equity: '递延所得税负债',
            numberRow1: '26',
            numberRow: '57',
          },
          {
            assets: '再建工程',
            equity: '递延所得税负债',
            numberRow1: '27',
            numberRow: '58',
          },
          {
            assets: '再建工程',
            equity: '递延所得税负债',
            numberRow1: '28',
            numberRow: '59',
          },
          {
            assets: '再建工程',
            equity: '递延所得税负债',
            numberRow1: '29',
            numberRow: '60',
          },
          {
            assets: '再建工程',
            equity: '递延所得税负债',
            numberRow1: '30',
            numberRow: '61',
          },
          {
            assets: '再建工程',
            equity: '递延所得税负债',
            numberRow1: '31',
            numberRow: '62',
          },
        ],
      };
    },
  };
</script>

<style scoped lang="scss">
  .el-table::v-deep th {
    text-align: center !important;
  }
  .el-table::v-deep .el-table__row:first-child td.is-left,
  .el-table::v-deep .el-table__row:first-child td.is-left .cell {
    padding-left: 2px !important;
  }
  .el-table::v-deep .el-table__row td.is-left {
    padding-left: 10px !important;
  }
  .el-table::v-deep .el-table__row:last-child td.is-left {
    padding-left: 20px !important;
  }
</style>
